<template>
	<view>
		<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item>
				<view class="swiper-item">
					<image src="../../static/img/banner1.png" mode="" class="banner" @click="shopList"></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="../../static/img/banner2.png" mode="" class="banner" @click="sztsCard"></image>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name:"banner",
		data() {
			return {
					
			};
		},
		methods:{
			shopList(){
				console.log("进入商品管理");
			},
			sztsCard(){
				console.log("进入神州特色卡");
			}
		}
	}
</script>

<style>
	.banner{
		height: 160px;
		width: 95%;
	}
</style>